.state{
	padding: 30upx 30upx 0 30upx;
	display: flex;
	align-items: center;
	.icons{
		display: block;
		width: 32upx;
		height: 32upx;
	}
	.name{
		margin: 0 20upx;
		font-size: 40rpx;
		color: #000000;
	}
	.memo{
		font-size: 26upx;
		color: #666666;
	}
}
.card{
	padding: 30upx;
	margin: 24upx 30upx;
	background-color: #ffffff;
	border-radius: 20upx;
	.adderss_header{
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;
		.grey{
			color: #666666;
			font-size: 24upx;
		}
		.dingwei{
			width: 32rpx;
			height: 32rpx;
			margin-right: 12rpx;
		}
	}
	.grey{
		color: #666666;
		font-size: 24upx;
	}
	.addrcenter{
		display: flex;
		align-items: center;
		.msg{
			flex: 1;
			font-weight: bold;
		}
		.iconsr{
			display: block;
			width: 12upx;
		}
		.addrcenter_add{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.msg{
				flex: 1;
				font-weight: bold;
			}
			.dingwei{
				width: 32rpx;
				height: 32rpx;
				margin-right: 12rpx;
			}
			.iconsr{
				display: block;
				width: 12upx;
			}
		}
	}
	.titles{
		font-size: 32rpx;
		color: #000000;
	}
	.titles_detils{
		height: 40rpx;
		font-size: 28rpx;
		color: #666666;
		margin-top: 20rpx;
	}
	.titles1{
		padding-bottom: 30upx;
		border-bottom: 1upx solid #F9F9F9;
		margin-bottom: 15upx;
	}
	.center{
		//background-color: #F9F9F9;
 
		margin: 20rpx -30rpx;
		display: flex;
	 
		padding: 30upx;
		position: relative;
		.cover{
			display: block;
			width: 140upx;
			height: 140upx;
			border-radius: 10upx;
		}
 
		.shop_title{
			width: 100%;
			margin-left: 20rpx;
			.shop_title_top{
				display: flex;
				.shop_title_top_name{
					width: 364rpx;
					height: 80rpx;
					font-size: 28rpx;
					line-height: 40rpx;
					color: #000000;
				}
				.shop_title_top_price{
					position: absolute;
					right: 30rpx;
					top: 25rpx;
					font-size: 24rpx;
					line-height: 50rpx;
					color: #000000;
					 
				}
			}
			.shop_title_bom{
				margin-top: 10rpx;
				font-size: 24rpx;
				color: #888888;
				.shop_title_bom_state{
					position: absolute;
					right: 30rpx;
					bottom: 32rpx;
					line-height: 50rpx;
					font-size: 24rpx;
					color: #888888;
				}
				text{
					margin-left: 40rpx;
				}
			}
			.JSB{
				display: flex;justify-content: space-between;align-items: center;
			}
		}
	}
	.shipped_line{
		width: 100%;
		height: 1rpx;
		background-color: #EEEEEE;
		margin: 30rpx 0;
	}
	.shipped{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.pay_blck{
			font-size: 28rpx;
			color: #000000;
		}
		.text1{
			font-size: 28rpx;
		}
		.textM{
			color: #000000;
			font-weight: bold;
			font-size: 36rpx;
			&::before{
				content: '￥';
				font-size: 24rpx;
			}
		}
	}
	.priceinfo{
 
		.form{
			padding: 15upx 0;
			display: flex;
			align-items: center;
			font-size: 28upx;
			.lable{
				flex: 1;
			}
			.iconsrs{
				display: block;
				width: 12upx;
				margin-left: 20upx;
			}
			.colors{
				color: #F17B55;
			}
		}
	}
	.centerb{
		padding-top: 30upx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		.color{
			color: #F17B55;
		}
	}
	.centerb2{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		.color2{
			color: #F17B55;
		}
	}
	.form2{
		display: flex;
		align-items: center;
		padding-top:15upx;
		font-size: 30upx;
		.lable{
			width: 140upx;
		}
		.content{
			flex: 1;
 
		}
		.copybtn{
			color: #8159F6;
			font-size: 28upx;
		}
	}
	
	.form1{
		display: flex;
		align-items: center;
		padding-top:15upx;
		font-size: 28upx;
		color: #999999;
		.lable{
			width: 140upx;
		}
		.content{
			flex: 1;
			margin-left: 60rpx;
		}
		.copybtnimag{
			width: 24.02rpx;
			height: 28.02rpx; 
		}
		.copybtn{ 
			font-size: 20upx;
			background-color: #F9F9F9;
			width: 60upx;
			height: 32upx;
			line-height: 32upx;
			text-align: center;
			border-radius: 40upx;
		}
		.copybtn2{
			margin-left: 20rpx;
			width: 24.02rpx;
			height: 28.02rpx;
		}
	}
	.form2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top:15upx;
		font-size: 28upx;
		color: #999999;
		.form2_body{
			display: flex;
			align-items: center;
			.labl2{
				width: 140upx;
			}
			.content2{
				flex: 1;
				margin-left: 30rpx;
				max-width: 270rpx;
			}
			.copybtn2{
				margin-left: 20rpx;
				width: 24.02rpx;
				height: 28.02rpx;
			}
		}
		.look_shipped{
			font-size: 28rpx;
			color: #8159F6;
		}
	}
}

.footline{
	width: 100%;
	height: 160rpx;
}

.footer{
	position: fixed;
	left:0;
	bottom: 0;
	width: calc(100% - 60upx);
	padding: 0 30upx;
	height: 160rpx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background-color: #ffffff;
	z-index: 9;
	.left{
		flex: 1;
		.nmaes{
			font-size: 28rpx;
		}
		.price{
			color: #000000;
			font-weight: bold;
			font-size: 36rpx;
			&::before{
				content: '￥';
				font-size: 24rpx;
			}
		}
	}
	.btns{
		font-size: 24upx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		width: 220rpx;
 
		background-color: #F6F7FB;
		border-radius: 10upx;
		margin-left: 20upx;
	}
	.active{
		color: #97E3FF;
		background-color: #333333;
 
	}
}
.black_pay{
	margin-top: 20rpx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	.btns{
		font-size: 24upx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		width: 188rpx;
		border: 1upx solid #DDDDDD;
		border-radius: 10upx;
		margin-left: 20upx;
	}
}
.jhbox{
	background-color: #ffffff;
	padding: 30upx;
	margin: 30rpx;
	border-radius: 20rpx;
	.t-top{
		display: flex;
		align-content: center;
		.t-top-icon{
			display: block;
			width: 40upx;
		}
		.text{
			font-size: 30upx;
			color: #666666;
		}
		.text-1{
			margin-left: 60upx;
		}
		.textflex{
			flex: 1;
		}
		.images{
			display: block;
			margin-left: 20upx;
			width: 30upx;
		}
		.r-lable{
			width: 140upx;
			font-size: 30upx;
		}
		.r-input{
			flex: 1;
			font-size: 30upx;
			height: 80upx;
			padding: 0 20upx;
			border-radius: 10upx;
			background-color: #F6F7FB;
		}
		.center_input {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.textcolor {
			color: #dfe0e3;
		}
		.addst{
			width: 440rpx;
			display: flex;
		}
	}
	.btns{
		margin-top: 30upx;
		height: 90upx;
		text-align: center;
		line-height: 90upx;
		color: #97E3FF;
		border-radius: 10upx;
		background-color: #333333;
	}
	.t-top-1{
		margin-left: 10upx;
		margin-top: 20upx;
	}
	.t-top-2{
		align-items: center;
		margin-top: 30upx;
	}
}

.jh{
	
	display: flex;
	
	.left{
		display: flex;
		flex-flow: column;
		align-items: center;
		.icons{
			display: block;
			width: 46upx;
			height: 46upx;
		}
		.lines{
			height: 180upx;
			border-left: 1upx dashed #eeeeee;
		}
	}
	.right{
		flex: 1;
		margin-left: 20upx;
		.title{
			height: 46upx;
			line-height: 46upx;
			font-size: 30upx;
			font-weight: bold;
		}
		.titlebottom{
			margin-top: 30upx;
		}
		.content{
			color: #666666;
			font-size: 26upx;
			margin-top: 20upx;
			display: flex;
			.cent{
				padding-left: 10upx;
				
			}
			.widthtext{
				width: 230rpx;
			}
			.iconsr{
				display: block;
				width: 26upx;
				margin-top: 5upx;
			}
			.cleft{
				flex: 1;
				margin-right: 10upx;
			}
		}
	}
	
}

.jhinfo{
	padding:  30upx;
	margin: 30rpx;
	background-color: #ffffff;
	margin-top: 30upx;
	font-size: 30upx;
	border-radius: 20rpx;
	.jhtitles{
		font-size: 40rpx;
		color: #000000;
	}
	.geliline{
		width: 100%;
		height: 1rpx;
		background-color: #EEEEEE;
		margin: 30rpx 0;
	}
	.titles{
		margin-bottom: 20upx;
	}
	.grey{
		color: #666666;
		font-size: 28upx;
		.end{
			margin-left: 40upx;
		}
	}
	
	.centers{
		font-weight: bold;
		margin: 10upx 0;
	}
	.tinfo{
		color: #F17B55;
		.prices{
			font-size: 40upx;
			font-weight: bold;
			margin-right: 20upx;
		}
		.memos{
			color: #999999;
			font-size: 28upx;
		}
	}
}

.blackmodel{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	display: flex;
	z-index: 99;
	background-color: rgba(0,0,0,0.5);
	.white{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 690upx;
		background-color: #ffffff;
		padding: 30upx;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
		font-size: 28upx;
		.totitle{
			text-align: center;
			font-size: 34upx;
			font-weight: bold;
		}
		.form{
			display: flex;
			padding: 30upx 0;
			align-items: center;
			border-bottom: 1upx solid #f1f1f1;
			.label{
				width: 140upx;
			}
			.content{
				flex: 1;
				display: flex;
				.input{
					font-size: 28upx;
				}
			}
		}
		.fbtnbox{
			display: flex;
			align-items: center;
			margin-top: 30upx;
			.item{
				flex: 1;
				height: 80upx;
				border-radius: 10upx;
				line-height: 80upx;
				text-align: center;
				background-color: #f1f1f1;
			}
			.trues{
				margin-left: 30upx;
				background-color: #333333;
				color: #97E3FF;
			}
		}
	}
}
.delivery_model{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	.white{
		position: absolute;
		width:750upx;
 
		left: 0;
		bottom: 0;
		background-color: #ffffff;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
		max-height: 60%;
		overflow-y: auto;
		.titles{
			text-align: center;
			font-size: 34upx;
			padding: 30upx 0;
			border-bottom: 1upx solid #f1f1f1;
		}
		.content{
			padding: 30upx;
			display: flex;
			align-items: center;
			.icons{
				display: block;
				width: 50upx;
				height: 50upx;
			}
			.info{
				flex:1;
				display: flex;
				flex-flow: column;
				justify-content: center;
				font-size: 28upx;
				margin: 0 20upx;
				.end{
					margin-top: 10upx;
				}
			}
			
		}
		.bodys{
			font-size: 26upx;
			padding: 0 30upx;
			.times{
				margin-top: 10upx;
				margin-bottom: 30upx;
				color: #999999;
				font-size: 24upx;
			}
		}
	}
}
	.input_message{
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 30rpx;
		padding: 30rpx;
		.input_message_title{
			font-size: 28rpx;
			color: #000000;
		}
	}
	.platform_shop{
		background-color: #FFFFFF;
		margin: 30rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.platform_shop_text{
			color: #000000;
			font-size: 40rpx;
		}
		.platform_shop_text2{
			font-size: 28rpx;
			color: #999999;
			margin-top: 20rpx;
		}
	}
	.platform_success{
		background-color: #FFFFFF;
		margin: 30rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.platform_success_text{
			color: #000000;
			font-size: 40rpx;
		}
		.platform_success_pricetext{
			font-size: 28rpx;
			color: #000000;
			margin-top: 32rpx;
		}
		.platform_success_price{
			margin-top: 20rpx;
			.success_price{
				font-size: 56rpx;
				color: #000000;
				&::before{
					content: '￥';
					font-size: 32rpx;
				}
			}
			.success_price2{
				font-size: 56rpx;
				color: #000000;
			}
			.success_priceInfo{
				font-size: 22rpx;
				color: #999999;
				margin-left: 20rpx;
			}
		}
	}
	.platform_jh{
		background-color: #FFFFFF;
		margin: 30rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.platform_jhT{
			color: #000000;
			font-size:40rpx;
		}
		.platform_jhB{
			display: flex;
			align-items: center;
			margin-top: 20rpx;
			.huixian{
				color: #999999;
				font-size: 28rpx;
			}
			.gaoliang{
				color: #F1893C;
				font-size: 28rpx;
			}
		}
	}